<!--计划离港航班信息列表展示组件-->
<template>
  <div class="table-wrapper">
    <el-table
      :data="tableData"
      style="width: 100%"
      height="400px"
    >
      <el-table-column prop="flightNumber" label="航班号"></el-table-column>
      <el-table-column prop="airline" label="航空公司"></el-table-column>
      <el-table-column prop="departurePlace" label="起飞机场"></el-table-column>
      <el-table-column prop="scheduledTakeoffTime" label="计划起飞"></el-table-column>
      <el-table-column prop="estimatedTakeoffTime" label="预计起飞"></el-table-column>
      <el-table-column prop="flightStatus" label="航班状态"></el-table-column>
      <el-table-column prop="flightType" label="航班类型"></el-table-column>
      <el-table-column prop="passengersNumber" label="载客量"></el-table-column>
      <el-table-column prop="cargoWeight" label="载货量"></el-table-column>
      <el-table-column prop="airplane" label="执行飞机"></el-table-column>
      <el-table-column prop="boardingGate" label="登机口"></el-table-column>
    </el-table>
  </div>
</template>

<style lang="less">
  .el-table .warning-row {
    background: #E6A23C;
  }

  .el-table .success-row {
    background: #67C23A;
  }
  .el-table .info-row {
    background: #909399;
  }
  .el-table .danger-row {
    background: #F56C6C;
  }
</style>

<script>
  var Departure_flights_data = [
    {
      flightNumber: 'MF8071',
      airline: '东方航空',
      departurePlace: '上海',
      scheduledTakeoffTime: '14：00',
      estimatedTakeoffTime: '14：00',
      flightStatus:'途中-正常',
      flightType: '客运',
      passengersNumber: '216',
      cargoWeight: '0',
      airplane: '波音747',
      boardingGate: 'G13'
    }

  ]
  export default {
    methods: {

    },
    data () {
      return {
        tableData: Departure_flights_data
      }
    }
  }
</script>

<style scoped lang="less">

</style>

